
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt" %>

<!DOCTYPE html>
<html>
    <head>
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
        <sj:head/>
        <script src="js/jquery.js"></script>
        <script src="js/jquery.cookie.js"></script>
        <script src="js/coms.js"></script>
        <script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"> </script>
     
        <script type="text/javascript">
            $(document).ready(function() {
                $("#myHero").css("padding-top","10px");            
        });
        </script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>COMS</title>
    </head>
    <body>
        <s:include value="/jsp/welcomeHeader.jsp"></s:include>
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span3">
                    <s:include value="/jsp/homeLogin.jsp"/>                           
                </div>
                
                <div class="span9">
                    <div class="hero-unit" id="myHero">
                        <div class="row-fluid">
                            <div id="myCarousel" class="carousel slide">
                                <div class="carousel-inner">
                                    <h2>Conference Management System</h2>
                                    <div class="item active">
                                        <img src="img/2.gif" alt="">
                                        <div class="carousel-caption">
                                            <h4>Helping You Organize Conferences</h4>
                                            <p>Manage Your conferences. From Accepting Entries to Sending Event Notifications</p>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <img src="img/1.gif" alt="">
                                        <div class="carousel-caption">
                                            <h4>Designed by Green Warriors</h4>
                                            <p>We are not just some developers, we are code ninjas working day & night to help you organize anywhere & everywhere</p>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <img src="img/3.jpg" alt="">
                                        <div class="carousel-caption">
                                            <h4>Reach out to your audience</h4>
                                            <p>Information & Communication has never been so easy. Organizing conferences are so simple</p>
                                        </div>
                                    </div>
                                </div>
                                <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                                <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
                            </div>


                        </div>

                    </div>
                </div>
            </div>
            <s:include value="/jsp/footer.jsp"/>
    </body>
</html>
